#2A8393

Color Details

HEX
#2A8393
RGB
rgb(42, 131, 147)
HSL
hsl(189, 56%, 37%)
CMYK
cmyk(71%, 11%, 0%, 42%)
Best text on this color #000000 (CR 4.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a8393
Contrast 4.77:1 AA
White on #2a8393
Contrast 4.41:1 Fail
#2a8393 on Black
Contrast 4.77:1 AA
#2a8393 on White
Contrast 4.41:1 Fail

Tints & Shades

#559ca9
#7fb5be
#aacdd4
#226976
#194f58
#11343b

Complement & Analogous

#93392a
#2a4e93
#2a936e

Triadic

#932a83
#83932a

Monochrome

#11343b #194f58 #2a8393 #7fb5be #aacdd4 #d4e6e9

Analogous

#2a936e #6ab39a #2a8393 #5571a9 #2a4e93 #223e76

Complementary Mix

#194f58 #2a8393 #7fb5be #93392a #b97e75 #60251b

Nearby Colors

#2a8392
#2a8394
#2a8383
#2a83a3

Embed #2A8393 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2A8393

#2A8393 converts to RGB(42, 131, 147) and HSL(189, 56%, 37%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2A8393 FAQs

What is the RGB value of #2A8393?
RGB: 42, 131, 147. Copy as CSS: rgb(42, 131, 147)
Is #2A8393 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A8393?
Complement: #93392a.
Does #2A8393 have good contrast on white or black?
On white: 4.41:1 (AA (large text)). On black: 4.77:1 (AA (normal text)).